<style type="text/css"> 
    /* css 重置 */
    *{margin:0; padding:0; list-style:none; }
    /* body{ background:#fff; font:normal 12px/22px 宋体;  } */
    img{ border:0;  }
    a{ text-decoration:none; color:#333;  }

    /* 本例子css */
    .slideBox{ width:336px; height:230px; overflow:hidden; position:relative;}
    .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
    .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
    .slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
    .slideBox .hd ul li.on{ background:#f49900; color:#fff; }
    .slideBox .bd{ position:relative; height:100%; z-index:0;   }
    .slideBox .bd li{ zoom:1; vertical-align:middle; }
    .slideBox .bd img{ width:450px; height:230px; display:block;  }

    /* 下面是前/后按钮代码，如果不需要删除即可 */
    /* .slideBox .prev,
    .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
    .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
    .slideBox .prev:hover,
    .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
    .slideBox .prevStop{ display:none;  }
    .slideBox .nextStop{ display:none;  } */
</style>
<div class="content-right-new">
    {php}
        $catid=request()->param('catid/d',0);
        if (empty($catid)) {
            $cat = request()->param('catdir/s', '');
            $catid = getCategory($cat,'id');
        }
        //首页默认赋值
        if(!$catid) $catid = 6;
        $page=request()->param('page/d',1);
        $offset=($page-1)*5;
        $limit="$offset,5";
    {/php}
    <div>
        <div id="slideBox" class="slideBox">
            <div class="hd">
                <ul>
                {yzn module="cms" action="lists" catid="$catid" order="listorder ASC" limit="$limit" return="data"}
                  {volist name="data" id="vo"}
                    <li>{$i}</li>
                  {/volist}
                {/yzn}
                </ul>
            </div>
            <div class="bd">
                <ul>
                    {volist name="data" id="vo"}
                      <li><a href="{$vo.url}" target="_blank"><img src="{$vo.thumb}" /></a></li>
                    {/volist}
                </ul>
            </div>
            <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
            <!-- <a class="prev" href="javascript:void(0)"></a>
            <a class="next" href="javascript:void(0)"></a> -->
        </div>
    </div>
    <div class="content-contact">
        <div extra-common-con border-bottom1>
            <span class="title-line"></span>
            <span class="extra-title extra-title-left">最热榜</span>
            <span class="extra-title bold">TOP10</span>
        </div>
        {yzn module="cms" action="lists" catid="$catid" order="listorder ASC" limit="10" return="data"}
            {volist name="data" id="vo"}
            <div class="item-right clearfix">
                <a href="{$vo.url}" title="{$vo.title}">
                    <div class="top-ten-matching-con fl">
                        <img class="top-ten-matching-icon" src="{$vo.thumb}">
                    </div>
                    <div class="top-ten-title fl">
                        <div class="txt">{$vo.description|str_cut=###,60}</div>
                    </div>
                </a>
            </div>
            {/volist}
        {/yzn}
    </div>
</div>
<script type="text/javascript">
    jQuery(".slideBox").slide({mainCell:".bd ul",autoPlay:true});
</script>